@media(max-width:1024px){
    html{
        font-size: 80%;
    }

    section img {
        width: 90%;
    }

    .ft-perfil{
        width: 90%;
    }
}

@media(max-width:768px){
    html{
        font-size: 60%;
    }
    
    .ft-perfil{
        width: 290px;
    }
    
    section img {
        width: 85%;
    }

    main.galeria{
        padding: 5px;
    }

    main .galeria .fotos{
        
        width: 180px;
        height: 180px;
        margin: 2px;
      }
      
      .fotos img{
        width: 170px;
        height: 170px;
        border-radius: 10px;
      }
}   

@media(max-width:680px){
    .container1 {
        flex-flow: column;
        }
    .container2{
        flex-flow: column-reverse;
        }
    }
    
@media(max-width:430px){
    html{
        font-size: 50%;
    }

    header img{
        width: 70px;
    }
    header nav div a{
        font-size: 1.5rem;
        padding: 3px;
    }

   .txt{
       width:300px
   }

   section img{
       width: 80%;
   }
}

@media(max-width:325px){
    html{
        font-size:45%
    }
    header nav div a{
        font-size: 1.3rem;
    }
    .txt{
        width:260px
    }
}